
@import "cf-colors.css";

.cf-image-viewer{

}
.cf-image-viewer > .button-box{
    -fx-pref-height: 40px;
    -fx-spacing: 15px;
    -fx-padding: 0 15px;
    -fx-alignment:center;
    -fx-background-color: rgba(0,0,0,0.3);
    -fx-background-radius: 20px;
}
.cf-image-viewer .icon-button{
    -fx-background-insets: 0;
    -fx-padding:0px;
    -fx-border-color: transparent;
    -fx-background-color: transparent;
    -fx-cursor:hand;
}
.cf-image-viewer .icon-button > .ikonli-font-icon{
    -fx-icon-size: 24px;
    -fx-icon-color: rgb(255, 255, 255);
}
.cf-image-viewer .icon-button.left,
.cf-image-viewer .icon-button.right{
    -fx-pref-height: 40px;
    -fx-pref-width: 40px;
    -fx-background-color: rgba(0,0,0,0.3);
    -fx-background-radius: 20px;
}
.cf-image-viewer .icon-button.left > .ikonli-font-icon,
.cf-image-viewer .icon-button.right > .ikonli-font-icon{
    -fx-icon-size: 20px;
}
